<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
	<div class="container-fluid">
	<!-- 查询条件 -->
	<div class="row rowhcq">
		<div class="col-xs-12">
		<div class="pull-right">
		    <div id="dep_div_id" style="float: right;">
			 &nbsp;&nbsp;<label for="depId">科室：</label><select id="depId" class="selectpicker form-control" multiple></select>
			 &nbsp;&nbsp;<img id="search_png" height="36px" src="images/co_search.png"> 
		  </div>
		   <div id="depGroup_div_id" style="float: right;">
		     <label for="depGroupId">科室组：</label><select id="depGroupId" class="selectpicker form-control" multiple></select>
		    </div>
		</div>
			 
		</div>
	</div>
	<!-- 全院病例统计 begin -->
	<div class="row rowhcq">
	    <div class="col-xs-12">
	        <!-- 页面最上面部分div --> 
	        <div class="boxcq clearfix">
	            <div class="ti"><i class="fa fa-file-text-o"></i>总体病例统计</div>
	            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
	            <div class="clearfix"></div>
	            <div class="col-xs-6" style = "border-bottom: thin solid #ddd;padding-bottom: 10px;">
	            	<!-- <div class = "fontMed textalignCenter" style="padding-top:10px;">全院出院病例统计表</div> -->
	            	<div class="fontMed textalignCenter" style="padding-top:10px;">病例总体情况统计</div>
	            	<div id = "totalOutCase" class="fontMed" style="padding-top: 40px;">
	            		<table id="totalOutCase-table" class="display dataTable" cellspacing="0" width="100%" role="grid" aria-describedby="example_info">
	            		</table>
	            	</div>
				</div>
				<!-- 各死亡风险组入组病例统计表 -->
				<div class="col-xs-6" style = "border-bottom: thin solid #ddd;padding-bottom: 10px;">
	            	<div class = "fontMed textalignCenter" style="padding-top:10px;">各死亡风险组入组病例统计表</div>
	            	<div id = "totalRisk" >
	            	</div>
				</div>
	        </div>
	    </div>
	</div>
	<!-- 全院病例统计 end -->
	
	<div class="popover bottom detail-popover" id="detail-popover" style="height:500px;overflow-y:scroll;position: fixed;box-shadow: 0 5px 80px;">
	      <div class="popover-content overflowhid" style="width: 1120px;">
	      	<div id="drg-detail" class="drg-detail">
		      	<h4>
		      		病组详情
		      		<a href="javascript:close()" class="btn btn-default btn-xs" style="margin-left:5px;" title="关闭"><i class="fa fa-times"></i></a>
		      		<a href="#" class="btn btn-default btn-xs" id="downloadBtn" style="font-size: 16px!important;" download="病组详情.xls" title="保存为Excel"><i class="fa fa-download"></i></a>
		      	</h4>
		      	
		      	<table class="table table-hover table-bordered" id="detailTable">
		      		<thead>
		      			<tr>
		      				<td width="400" style="vertical-align:middle;">DRG描述</td>
		      				<td width="173" style="vertical-align: middle;">权重</td>
		      				<td width="173" style="vertical-align: middle;">次均费用(元)</td>
		      				<td width="173" style="vertical-align: middle;">平均住院日</td>
		      				<td width="173" style="vertical-align: middle;">风险等级</td>
		      			</tr>
		      		</thead>
		      		<tbody></tbody>
		      		<tfoot>
		      			<tr>
		      				<td  colspan="5" style="text-align: right;" >
		      					<a href="javascript:close()" title="关闭"><button type="button" class="btn btn-success" data-dismiss="modal">关闭<i class="glyphicon glyphicon-remove"></i></button></a>
		      				</td>
		      			</tr>
		      		</tfoot>
		      	</table>
		      	
		      	<div class="progress" style="height:5px; margin-top:-20px;">
				  <div id="detail_progress" class="progress-bar progress-bar-info progress-bar-striped"  role="progressbar" aria-valuemin="0" aria-valuemax="100"	 style="transirion:width 10s ease">
				  </div>
				</div>
	      	</div>
	      </div>
	    </div>
	<!-- 未入组病例统计 begin -->
	<div class="row rowhcq">
	    <div class="col-xs-12">
	        <!-- 页面最上面部分div -->
			<div class="boxcq clearfix">
				<div class="ti">
					<i class="fa fa-file-text-o"></i>未入组病例统计
				</div>
				<div class="btn-clickable btnslider btn-success" id="noGroup_id">未入组病例明细
				<i class="icon-eye-open"></i>
				</div>
				<ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
				<div class="clearfix"></div>
				<div class="col-xs-12 rowhcq"
					style="border-bottom: thin solid #ddd;">
					<div class="col-xs-4">
						<!-- 未入组原因 -->
						<div id="notInReasonChart"
							style="width: 360px; height: 300px; margin: 0 auto;"></div>
					</div>
					<div class="col-xs-4">
						<!-- 未入组科室分布 -->
						<div id="notInDepChart"
							style="width: 360px; height: 300px; margin: 0 auto;"></div>
					</div>
					<div class="col-xs-4">	
						<!-- 未入组主要诊断分布 -->
						<div id="notInDiagnosisChart"
							style="width: 360px; height: 300px; margin: 0 auto;"></div>
					</div>
				</div>
				<div id = "notInReasonGroupDistributeChart" style="display:none;z-index:999;position:absolute; top:100px;left:350px;width: 550px; height: 200px;"></div>
				<div id = "notInDepGroupDistributeChart" style="display:none;z-index:999;position:absolute; top:100px;left:0px;width: 550px; height: 200px;"></div>
				<div id = "notInMainDaigGroupDistributeChart" style="display:none;z-index:999;position:absolute; top:100px;left:350px;width: 550px; height: 200px;"></div>
			</div>
		</div>
	</div>	
	<!-- 未入组病例分析 end -->
	</div>
	
<script type="text/javascript" src="js/yizheng/fenxi/caseAnalysis.js"></script>
</body>
</html>